/*  body{
	overflow-x: auto;
} */
.ranking-container a {
	text-decoration: none;
	color: black;
}
 
.ranking-container {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.navbar{
	margin-bottom:0px;
}

.top {
	/* background-image: url(../img/top10.png); */
	width:100%;
	height: auto;
	/* position: relative; */
}
.top .top-img{
	width:100%;
	height:auto;
	
}

.top-list{
	height:310px;
	padding:0px 10px;
	overflow: hidden;
}
.brand-img{
	max-width:100%;
	max-height:50%;
	display: block;
	
}
.ranking-img{
	max-width:100%;
	max-height:50%;
	padding-left:15px;
	display:block;
}
.top-list:nth-child(odd) .top-img{
	width:50%;
	float:right;
	height:auto;
	margin-top:10px;
}
.top-list:nth-child(even) .top-img{
	width:50%;
	float:left;
	height:auto;
	margin-top:10px;
} 
.top-list:nth-child(odd) .top-desc{
	width:50%;
	height:100%;
	text-align: right;
}
.top-list:nth-child(even) .top-desc{
	width:50%;
	float:right;
	height:100%;
	text-align: left;
} 

.top-desc{
	/* padding-top:80px; */
	font-family: 微软雅黑;
	padding-top: 35px;
}

.top-desc a{
	color:#fa5b81;
	font-size:17px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;  
}

.top-desc .desc-span{
	margin-top:10px;
	font-size:15px;
	border-bottom: 1px darkgray dotted;
	border-top: 1px darkgray dotted;
	padding:10px 0px;
}
.top-desc .desc-span span{
	overflow: hidden;
	height:102px;
	display:block;
}
.star0,.star1,.star2,.star3,.star4{
	margin:10px auto;
}